<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telphone=no, email=no"/>
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/css.css" />
	</head>
	<body class="BargainDetail">
		<div class="main-container">
			<div class="pro-info clearfix">
				<div class="pro-info-img relative">
					<img src="img/pro2.png" />
				</div>
				<div class="pro-info-msg clearfix">
					<h1 class="fl">iPhone6s</h1>
					<span class="fr colorff8a00">￥6000</span>
				</div>
			</div>
			<div class="rule-main clearfix">
				<h2 class="colorff8a00">砍价玩法</h2>
				<div>
					<span class="fl">第一步：</span>
					<span class="rule-msg">点击”我要砍价”按钮</span>
				</div>
				<div>
					<span  class="fl">第二步：</span>
					<span>按照提示填写信息并分享到朋友或微信群，好友即可帮我砍价。</span>
				</div>
				<div>
					<span  class="fl">第三步：</span>
					<span>完成，点击“我的砍价商品”即可看到好友帮我砍价的数据。</span>
				</div>
				<a class="btn btn-primary btn-radius btn-shadow ">我要砍价</a>
			</div>
			<div class="pro-detail-main">
				<span class="pro-detail-tit colorff8a00">商品详情</span>
				<div class="pro-detail">
					<img src="img/detail.png" />
				</div>
			</div>
		</div>
		<footer class="bottom-bar-pannel disBox">
			<a class="btn btn-primary flex1">砍价商品</a>
			<a class="btn btn-primary flex1">帮忙砍价</a>
			<a class="btn btn-primary flex1">我的砍价商品</a>
		</footer>
	</body>
</html>
